@include extjs-button-small-ui(
        $ui: 'soft-blue',
        $border-radius: 4px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);
@include extjs-button-large-ui(
        $ui: 'soft-blue',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-blue',
        $border-radius: 4px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-cyan',
        $border-radius: 4px,
        $background-color: $color-soft-cyan,
        $border-color: darken($color-soft-cyan, 5%)
);
@include extjs-button-large-ui(
        $ui: 'soft-cyan',
        $border-radius: 6px,
        $line-height: 34px,
        $background-color: $color-soft-cyan,
        $border-color: darken($color-soft-cyan, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-cyan',
        $border-radius: 4px,
        $background-color: $color-soft-cyan,
        $border-color: darken($color-soft-cyan, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-green',
        $border-radius: 4px,
        $background-color: $color-soft-green,
        $border-color: darken($color-soft-green, 5%)
);
@include extjs-button-large-ui(
        $ui: 'soft-green',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-green,
        $border-color: darken($color-soft-green, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-green',
        $border-radius: 4px,
        $background-color: $color-soft-green,
        $border-color: darken($color-soft-green, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-red',
        $border-radius: 4px,
        $background-color: $color-soft-red,
        $border-color: darken($color-soft-red, 5%)
);
@include extjs-button-large-ui(
        $ui: 'soft-red',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-red,
        $border-color: darken($color-soft-red, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-red',
        $border-radius: 4px,
        $background-color: $color-soft-red,
        $border-color: darken($color-soft-red, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-purple',
        $border-radius: 4px,
        $background-color: $color-soft-purple,
        $border-color: darken($color-soft-purple, 5%)
);
@include extjs-button-large-ui(
        $ui: 'soft-purple',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-purple,
        $border-color: darken($color-soft-purple, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-purple',
        $border-radius: 4px,
        $background-color: $color-soft-purple,
        $border-color: darken($color-soft-purple, 5%)
);

@include extjs-button-small-ui(
        $ui: 'gray',
        $border-radius: 4px,
        $background-color: $color-gray,
        $border-color: darken($color-gray, 5%)
);
@include extjs-button-large-ui(
        $ui: 'gray',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-gray,
        $border-color: darken($color-gray, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'gray',
        $background-color: $color-gray,
        $border-color: darken($color-gray, 5%)
);

@include extjs-button-small-ui(
        $ui: 'green',
        $border-radius: 4px,
        $background-color: $color-green,
        $border-color: darken($color-green, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'green',
        $border-radius: 4px,
        $background-color: $color-green,
        $border-color: darken($color-green, 5%)
);

@include extjs-button-small-ui(
        $ui: 'blue',
        $border-radius: 4px,
        $background-color: $color-blue,
        $border-color: darken($color-blue, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'blue',
        $border-radius: 4px,
        $background-color: $color-blue,
        $border-color: darken($color-blue, 5%)
);

//-------------------------------------------------------- 新增加的4个按钮

@include extjs-button-small-ui(
        $ui: 'soft-action',
        $border-radius: 4px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);
@include extjs-button-small-ui(
        $ui: 'soft-action-o',
        $border-radius: 4px,
        $border-color: transparent,
        $background-color: transparent,
        $border-color-over: darken($color-soft-action, 5%),
        $color: $color-soft-action
);
@include extjs-button-large-ui(
        $ui: 'soft-action',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-action',
        $border-radius: 4px,
        $background-color: $color-soft-action,
        $border-color: darken($color-soft-action, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-confirm',
        $border-radius: 4px,
        $background-color: $color-soft-confirm,
        $border-color: darken($color-soft-confirm, 5%)
);
@include extjs-button-small-ui(
        $ui: 'soft-confirm-o',
        $border-radius: 4px,
        $border-color: transparent,
        $background-color: transparent,
        $border-color-over: darken($color-soft-confirm, 5%),
        $color: $color-soft-confirm
);
@include extjs-button-large-ui(
        $ui: 'soft-confirm',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-confirm,
        $border-color: darken($color-soft-confirm, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-confirm',
        $border-radius: 4px,
        $background-color: $color-soft-confirm,
        $border-color: darken($color-soft-confirm, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-decline',
        $border-radius: 4px,
        $background-color: $color-soft-decline,
        $border-color: darken($color-soft-decline, 5%)
);
@include extjs-button-small-ui(
        $ui: 'soft-decline-o',
        $border-radius: 4px,
        $border-color: transparent,
        $background-color: transparent,
        $border-color-over: darken($color-soft-decline, 5%),
        $color: $color-soft-decline
);
@include extjs-button-large-ui(
        $ui: 'soft-decline',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-decline,
        $border-color: darken($color-soft-decline, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-decline',
        $border-radius: 4px,
        $background-color: $color-soft-decline,
        $border-color: darken($color-soft-decline, 5%)
);

@include extjs-button-small-ui(
        $ui: 'soft-cancel',
        $border-radius: 4px,
        $background-color: $color-soft-cancel,
        $border-color: darken($color-soft-cancel, 5%)
);
@include extjs-button-small-ui(
        $ui: 'soft-cancel-o',
        $border-radius: 4px,
        $border-color: transparent,
        $background-color: transparent,
        $border-color-over: darken($color-soft-cancel, 5%),
        $color: $color-soft-cancel
);
@include extjs-button-large-ui(
        $ui: 'soft-cancel',
        $line-height: 34px,
        $border-radius: 6px,
        $background-color: $color-soft-cancel,
        $border-color: darken($color-soft-cancel, 5%)
);
@include extjs-button-toolbar-small-ui(
        $ui: 'soft-cancel',
        $border-radius: 4px,
        $background-color: $color-soft-cancel,
        $border-color: darken($color-soft-cancel, 5%)
);

@include extjs-button-small-ui(
        $ui: 'header',
        $color: #999,
        $glyph-color: #919191,
        $background-color: transparent,
        $border-width: 0
);